page{
  height: 100%;
  background-color: #F7F7F7;
}
.home_index{
  .img_background{
    image{
      width: 100%;
    }
  }
}
.index_content{
  position: relative;
  .index_main{
    position: absolute;
    width: 90%;
    left: 50%;
    transform: translateX(-50%);
    top:-50rpx;
    .title_wrap{
      background-color:rgba(255, 255, 255,1);
      border-radius: 15rpx;
      padding: 30rpx;
      display: flex;
      justify-content: center;
      .title{
        font-size: 40rpx;
      }
    }
    .nav_wrap{
      background-color: #fff;
      border-radius: 15rpx;
      margin-top: 20rpx;
      .nav_content{
        display: flex;
        .nav_item_wrap,navigator{
          flex: 1;
          text-align: center;
          padding: 30rpx;
          .iconfont{
            color: var(--themeColor);
            font-size: 120rpx;
          }
          .nav_name{
            padding: 15rpx 0rpx;
            font-size: 35rpx;
            font-weight: 600;
          }
        }
      }
    }
  }
}